//Ajax实现下拉框二级级联，根据第一个下拉框的值改变第二个下拉框内的列表

   //根据浏览器的类型，创建xmlHttpRequest对象
   function createXmlHttpRequest()
    {
        if(window.ActiveXObject)
        {
            return new ActiveXObject("Microsoft.XMLHTTP");
        }
        else if( window.XMLHttpRequest())
        {
            return new XMLHttpRequest();
        }    
    }
    var xmlHttpRequest;
  
    //异步响应函数 
    function search(para)
    {
        
		var url="inc/SelectClass.asp?para="+para;     //后台请求的路径
      
        xmlHttpRequest=createXmlHttpRequest();
      
        xmlHttpRequest.onreadystatechange=callback;   //将回调函数注册给状态改变事件
        
		xmlHttpRequest.open("GET",url,true);
      
        xmlHttpRequest.send(null);
          
    }    
   
   //回调函数
    function callback()
    {     
		 //alert(xmlHttpRequest.readyState);
		 //alert(xmlHttpRequest.status);
		 
		 var dlClassCollection=document.getElementById("classCollection");

         //请求被成功响应，已接收到结果
		 if(xmlHttpRequest.readyState==4&&xmlHttpRequest.status==200)
         {                    
            //alert(xmlHttpRequest.responseText);
		 	var result=xmlHttpRequest.responseText;          //返回的结果字符串 
            //var result = "哈尔滨|大庆||鹤岗|佳木斯|牡丹江"; 
            //alert(result);           
            if (result!=""){
				var classArray= result.split("|");   //返回的结果字符串中，值之间是以|分隔的，所以先拆分成数组
				if(classArray[0]!=""){
					var classidArray = classArray[0].split(",");
					var classnameArray = classArray[1].split(",");
					var count = classidArray.length;
					//alert(count);
					dlClassCollection.length=0;   //先将下拉列表框清空
					for (var i = 0; i <count; i++) 
            		{   
                		dlClassCollection.options.add(new Option(classnameArray[i],classidArray[i]));   //将结果循环添加到下拉列表中
            		}
				}				
			}
			//dlClassCollection.innerHTML = xmlHttpRequest.responseText; 
            //alert("c");
         }
         else
         {
			dlClassCollection.length=0;
            dlClassCollection.options.add(new Option("请等待...","-1"));
         }
        
    }
    
 //下拉框改变事件
 function changeClassOptions()
 {
     var dlCollege=document.getElementById("collegeid");
	 //alert(dlCollege);
     //var dlClassCollection=document.getElementById("classCollection");
     //dlCollege.length=0;
     //if(dlCollege.value==-1)
     //{    
         //dlCity.options.add(new Option("城市列表","-1"));
     //}
     //else
     //{
         search(dlCollege.value);
     //} 
    return;   
 }
